<template>
  <div id="app">
    <header>
      <nav>
        <ul>
          <li><router-link to="/">首页</router-link></li>
          <li><router-link to="/login-logs">登录日志</router-link></li>
          <li><router-link to="/Operate-logs">操作日志</router-link></li>
          <li><router-link to="/Terminalsessions-logs">终端会话视频</router-link></li>
          <li><router-link to="/transaction-logs">交易日志</router-link></li>
          <li><router-link to="/DownloadPage">下载日志和视频</router-link></li>

        </ul>
      </nav>
    </header>

    <!-- 页面内容根据路由变化 -->
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: 'App'
};
</script>

<style scoped>
/* 样式 */
header {
  background-color: #226de5;
  padding: 20px;
}

nav ul {
  list-style-type: none;
  padding: 0;
}

nav ul li {
  display: inline-block;
  margin-right: 15px;
}

nav ul li a {
  color: white;
  text-decoration: none;
}

nav ul li a:hover {
  text-decoration: underline;
}
</style>
